<template>
  <div>
    <div>
      <label>React</label>
      <!--checkbox结合v-model实现数据的双向绑定-->
      <input type="checkbox" v-model="state.fe" value="React"/>
    </div>
    <div>
      <label>React</label>
      <!--checkbox结合v-model实现数据的双向绑定-->
      <input type="checkbox" v-model="state.fe" value="Vue"/>
    </div>
    <div>
      <label>React</label>
      <!--checkbox结合v-model实现数据的双向绑定-->
      <input type="checkbox" v-model="state.fe" value="Angular"/>
    </div>
    <p>选中：{{ state.fe }}</p>
  </div>
</template>
<script>
import {reactive} from 'vue'
export default{
  setup(){
    const state = reactive({
      fe: ['Vue']
    })
    return {state}
  }
}
</script>